<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="resources/images/favicon.ico" rel="shortcut icon" type="text/css">
    <link rel="stylesheet" href="resources/css/uikit.min.css">
    <link rel="stylesheet" href="pages/resources/css/header.css">
    <link rel="stylesheet" href="pages/resources/css/common.css">
    <link rel="stylesheet" href="pages/resources/css/manage.css">
    <link rel="stylesheet" href="pages/resources/css/aticle.css">
    <link rel="stylesheet" href="resources/css/components/accordion.min.css">
    <link rel="stylesheet" href="resources/css/components/autocomplete.min.css">
    <link rel="stylesheet" href="resources/css/components/datepicker.min.css">
    <link rel="stylesheet" href="resources/css/components/dotnav.min.css">
    <link rel="stylesheet" href="resources/css/components/form-advanced.min.css">
    <link rel="stylesheet" href="resources/css/components/form-file.min.css">
    <link rel="stylesheet" href="resources/css/components/form-password.min.css">
    <link rel="stylesheet" href="resources/css/components/form-select.min.css">
    <link rel="stylesheet" href="resources/css/components/nestable.min.css">
    <link rel="stylesheet" href="resources/css/components/placeholder.min.css">
    <link rel="stylesheet" href="resources/css/components/progress.min.css">
    <link rel="stylesheet" href="resources/css/components/search.min.css">
    <link rel="stylesheet" href="resources/css/components/slidenav.min.css">
    <link rel="stylesheet" href="resources/css/components/slideshow.min.css">
    <link rel="stylesheet" href="resources/css/components/sortable.min.css">
    <link rel="stylesheet" href="resources/css/components/sticky.min.css">
    <link rel="stylesheet" href="resources/css/components/notify.min.css">
    <link rel="stylesheet" href="resources/css/components/tooltip.min.css">
    <link rel="stylesheet" href="resources/css/components/upload.min.css">

    <title>Orange管理后台</title>
</head>
<body>
<div class="uk-grid">
    <div class="uk-width-1-1">
        <div class="topHeader">
            <header>
                <a href="#" class="header-brand">Orange</a>
                <ul class="header-nav" id="headerNav">
                    <li><a href="index.html">首页</a></li>
                    <li class="link_active"><a href="aticle.html">文章</a></li>
                    <li><a href="picture.html">图片</a></li>
                    <li><a href="music.html">音乐</a></li>
                    <li><a href="video.html">视频</a></li>
                </ul>
            </header>
        </div>
    </div>
    </div>
    <div class="uk-grid colin-main-frame">
        <div class="uk-width-1-6 colin-left-nav">
            <img class="uk-border-circle colin-headerpic"
                 src="pages/resources/images/title.jpg" alt="头像">
            <ul>
                <li><i class="uk-icon-folder-o"></i>

                    <p>901</p>

                    <p class="colin-collectInfo">+901</p></li>
                <li><i class="uk-icon-envelope-o"></i>

                    <p>901</p>

                    <p class="colin-collectInfo">+901</p></li>
                <li><i class="uk-icon-eye"></i>

                    <p>901</p>

                    <p class="colin-collectInfo">+901</p></li>
            </ul>
            <button id="logoffBtn" onclick="logOffSystem()" class="uk-button uk-button-danger colin-logoff-btn" type="button"><i class="uk-icon-sign-out"></i>&nbsp;&nbsp;退出登录
            </button>
            <table id="functionNav" class="colin-function-nav">
                <tbody>
                <tr>
                    <td>
                        <i class="uk-icon-home"></i>

                        <p>博客首页</p>
                    </td>
                    <td>
                        <i class="uk-icon-bar-chart"></i>

                        <p>统计信息</p></td>
                </tr>
                <tr>
                    <td>
                        <i class="uk-icon-group"></i>

                        <p>用户管理</p></td>
                    <td>
                        <i class="uk-icon-user"></i>

                        <p>博主信息</p></td>
                </tr>
                <tr>
                    <td>
                        <i class="uk-icon-trash-o"></i>

                        <p>回收站</p></td>
                    <td>
                        <i class="uk-icon-wrench"></i>

                        <p>系统管理</p></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="uk-width-5-6 colin-right-model">
            <div class="aticleMainContet">

                <ul id="switch-tab" class="uk-tab tab-nav colin-nav-banner" data-uk-tab="{connect:'#switch-content',animation: 'slide-vertical'}">
                    <li><a class="tabStyle" href="#">网站爬取</a></li>
                    <li><a class="tabStyle" href="#">文章一览</a></li>
                    <li><a class="tabStyle" href="#">发表文章</a></li>
                    <li><a class="tabStyle" href="#">评论管理</a></li>
                    <li><a class="tabStyle" href="#">悄悄话</a></li>
                </ul>

                <!-- 这是内容项的容器 -->
                <ul id="switch-content" class="uk-switcher uk-margin">
                    <li>
                        <div class="uk-form-row">

                            <input type="text" name="spiderUrl" class="uk-width-5-6 uk-form-large"
                                   id="spiderUrl" placeholder="请输入爬取文章URL">
                            <button id="spiderBtn" type="button" class="uk-button uk-button-primary colin-spider-btn">爬取
                            </button>

                        </div>
                        <hr/>
                        <iframe id="urlContent" class="uk-width-1-1 colin-spider-iframe"></iframe>
                        <div class="uk-width-1-1 uk-button-group" id="UrlLinkBtns">
                            <button class="uk-button uk-button-danger uk-button-large uk-width-1-3">收藏网页</button>
                            <button class="uk-button uk-button-success uk-button-large uk-width-1-3">网页编辑</button>

                        </div>
                    </li>
                    <li>
                        <div class="colin-tab-panel">
                            <div class="uk-grid" id="aticleContent">
                                <table class="uk-width-1-1 uk-table">
                                    <thead>
                                    <tr>
                                        <th class="uk-width-3-10">文章标题</th>
                                        <th class="uk-width-1-10">作者</th>
                                        <th class="uk-width-1-10">评论</th>
                                        <th class="uk-width-1-10">浏览</th>
                                        <th class="uk-width-1-10">创建日期</th>
                                        <th class="uk-width-3-10 uk-text-center">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="aticleContentContainer">

                                    </tbody>
                                </table>
                            </div>
                            <div class="uk-grid">
                                <div class="uk-width-1-1" id="aticlePagnation">
                                    <ul id="aticlePagination" class="uk-pagination">

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="colin-tab-panel">
                            <form class="uk-form" enctype="multipart/form-data" >
                                <div class="uk-form uk-form-horizontal" id="aticleContentForm">
                                    <div class="uk-form-row">
                                        <span>文章标题</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <input type="text" name="aticleTitle" class="uk-width-1-1 uk-form-large"
                                               id="aticleTitle" placeholder="请输入文章标题">
                                    </div>
                                    <div class="uk-form-row">
                                        <span>文章摘要</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <span class="error-tips"></span>
                                    </div>
                                    <div class="uk-form-row">
                                        <input type="text" name="aticleDigest" class="uk-width-1-1 uk-form-large"
                                               id="aticleDigest" placeholder="请输入文章备注（可不填）">
                                    </div>
                                    <div class="uk-form-row">
                                        <span>文章作者</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <input type="text" name="aticleAuthor" class="uk-width-1-1 uk-form-large"
                                               id="aticleAuthor" placeholder="请输入文章作者">
                                    </div>
                                    <div class="uk-form-row">
                                        <span>文章分类</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <div  class="uk-button uk-form-select uk-width-2-10" data-uk-form-select="">
                                            <span>>文章分类</span>
                                            <i class="uk-icon-caret-down"></i>
                                            <select  name="aticleCategory" id="aticleCategory">
                                                <option value="个人日记">个人日记</option>
                                                <option value="网络转载">网络转载</option>
                                                <option value="技术分享">技术分享</option>
                                                <option value="其它">其它</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="uk-form-row">
                                        <span>博客封面图</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <div id="upload-drop" class="uk-placeholder uk-text-center">
                                            <i class="uk-icon-cloud-upload uk-icon-medium uk-text-muted uk-margin-small-right"></i> 将文件拖拽至此 或 <a class="uk-form-file">选择一个文件<input id="upload-select" name="aticleCoverImg" type="file"></a>.
                                        </div>
                                        <div id="progressbar" class="uk-progress uk-hidden">
                                            <div class="uk-progress-bar" style="width: 0%;">0%</div>
                                        </div>
                                    </div>
                                    <div class="uk-form-row colin-upload-snapshot">
                                        <img id="uploadSnapshot" class="uk-thumbnail">
                                    </div>
                                    <div class="uk-form-row">
                                        <span>文章关键字（“,”号隔开）</span>
                                    </div>
                                    <div class="uk-form-row">
                                        <input type="text" name="aticleKeywords" class="uk-width-1-1 uk-form-large"
                                               id="aticleKeywords" placeholder="请输入文章关键字">
                                    </div>
                                    <div class="uk-form-row">
                                        <span>文章内容</span>
                                    </div>
                                    <div class="uk-form-row">

                                        <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script>
                                    </div>

                                    <div class="uk-form-row">

                                        <div class="uk-form-controls uk-form-controls-text">

                                        </div>
                                    </div>

                                    <div class="uk-form-row" style="text-align: center">
                                        <button type="submit" id="aticleSubmitBtn" name="submitBtn" class="uk-width-1-5 uk-button uk-button-large uk-button-primary uk-button-expand">
                                            提交
                                        </button>
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        <button type="reset" id="aticleResetsBtn" name="resetBtn"
                                                class="uk-width-1-5 uk-button uk-button-large uk-button-danger">取消
                                        </button>

                                    </div>

                                </div>
                            </form>

                        </div>
                    </li>
                    <li>
                        <div class="colin-tab-panel">
                            <table class="uk-width-1-1 uk-table">
                                <thead>
                                <tr>
                                    <th>文章标题</th>
                                    <th>文章摘要</th>
                                    <th>文章阅读次数</th>
                                    <th>评论次数</th>
                                </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                            <ul class="uk-nav uk-nav-parent-icon">
                                <li class="uk-parent"><a href="">...</a>
                                    <ul class="uk-nav-sub">
                                        <li><a href="">...</a>
                                            <ul>...</ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <div class="colin-tab-panel">
                           <div class="uk-panel uk-panel-header">
                               <h3 class="uk-panel-title">发表悄悄话</h3>
                               <div class="uk-grid colin-publish-msg">
                                   <div class="uk-width-5-6 ">
                                       <textarea id="publishStaticContent" class="uk-scrollable-text"></textarea>
                                   </div>
                                   <div class="uk-width-1-6 ">
                                       <button id="publishStaticWords" class="uk-button uk-button-primary">发布</button>
                                   </div>


                               </div>
                           </div>
                        </div>
                    </li>
                </ul>

            </div>
            </div>
        </div>
<!--    <div class="uk-width-1-1">

    </div>
</div>-->
<div id="checkDetailDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        查看文章详情
    </div>
</div>
<div id="addTagDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        添加文章标记
    </div>
</div>
<div id="editAticleDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        编辑文章
    </div>
</div>
<div id="delateAticleDialog" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>
        删除文章
    </div>
</div>
<!-- 查看文章详情弹出框-->
<div id="my-id" class="uk-modal">
    <div class="uk-modal-dialog">
        <a class="uk-modal-close uk-close"></a>

        <h3>文章标题</h3>

        <div>digest</div>
        <div>content</div>
    </div>
</div>
<!--加载对话框-->
<a id="linkLoadDialog" href="#loadingDailog" data-uk-modal="{center:true}" style="display: none"></a>
<div id="loadingDailog" class="uk-modal">
    <div class="uk-modal-dialog colin-aticle-loading-dialog">
        <div class="uk-modal-spinner"><i class="spinner"></i></div>
    </div>
</div>
<!--开始加载文件-->
<script type="text/javascript" src="resources/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="resources/js/modernizr.custom.js"></script>
<script type="text/javascript" src="resources/js/uikit.min.js"></script>
<script type="text/javascript" src="resources/js/components/autocomplete.min.js"></script>
<script type="text/javascript" src="resources/js/components/datepicker.min.js"></script>
<script type="text/javascript" src="resources/js/components/form-password.min.js"></script>
<script type="text/javascript" src="resources/js/components/notify.min.js"></script>
<script type="text/javascript" src="resources/js/components/search.min.js"></script>
<script type="text/javascript" src="resources/js/components/sortable.min.js"></script>
<script type="text/javascript" src="resources/js/components/sticky.min.js"></script>
<script type="text/javascript" src="resources/js/components/upload.min.js"></script>
<script type="text/javascript" src="resources/js/components/pagination.min.js"></script>
<script type="text/javascript" src="resources/js/components/form-select.min.js"></script>
<script type="text/javascript" src="resources/js/components/nestable.min.js"></script>
<script type="text/javascript" src="resources/js/components/slideshow.min.js"></script>
<script type="text/javascript" src="resources/js/components/slideshow-fx.min.js"></script>
<script type="text/javascript" src="pages/resources/js/common.js"></script>
<script type="text/javascript" charset="utf-8" src="pages/resources/js/aticle.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/editor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="resources/editor/ueditor.all.min.js"></script>

<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8"
        src="resources/editor/lang/zh-cn/zh-cn.js"></script>
<script>
    var ue = UE.getEditor('editor');
</script>
</body>
</html>